$(function(){
	//
	// スライダーを定義する
	// @param strName スライダーのID
	function defineUISlider(strSliderName, strAudioName){
		$(strSliderName).slider({
		    orientation: 'horizontal',
		    animate: 'slow',
		    range: 'min',
		    value: 10,
		    min: 0,
		    max: 100,
		    slide: function( event, ui ) {
		    	// 音量変更
		        setVolume($(strAudioName).get(0), ui.value);
		    }
		});
	}

	function defineUIControl(strCheckName, strAudioName){
		var objCheckRain = $(strCheckName);
		var objAudioRain = $(strAudioName).get(0);

		objCheckRain.click(function() {
	    	controlSound(objCheckRain, objAudioRain);
	    });
	}

	function controlSound(ojbCheck, objAudio){
		if (ojbCheck.prop('checked')){
			// 再生
			objAudio.play();
		} else {
			// 停止
			objAudio.pause();
		}
	}

	// チェックボックスとAudioコントロールを定義
	defineUIControl("#chkRain", "#audioRrain");
	defineUIControl("#chkStorm", "#audioStorm");
    // スライダーを定義
	defineUISlider('#UiSliderRain', "#audioRrain");
	defineUISlider('#UiSliderStorm', "#audioStorm");

	//
	// ボリュームコントロールを設定する
	// @param value ボリューム
    function setVolume(ojbAudio, value){
    	ojbAudio.volume = value / 100;
    }

//    $('#UiSlider-value').val($('#UiSlider').slider('value'));

});
